Wavesurfer.js Loop Experiments
Current Loop: None
Play any loop to activate transport controls. Use keyboard keys A through K or click buttons above to jump to different positions in the active loop. Each button represents an equal slice of the loop (1 - 8). Press Space to stop all playback.
# Testing out seamless looping
Trying to build a loop playback module for the site using JavaScript and Wavesurfer.js. It's mostly functional, at least in Chrome on desktop. Some features like speed/pitch adjustment, and especially sizing don’t fully work on mobile yet.
Also added an 8-bar slicing feature that lets you "play" the loops interactively, and I’m hoping to implement reverse playback in the future.
Pressing play on any of the loops below will select it as the active loop to be targeted by the slicing transport at the top of the page.
If the loops don't appear initially, try reloading the page. Still figuring out how to optimize the javascript/caching..
±0
±0
±0
±0
±0
±0